<%--
  Created by IntelliJ IDEA.
  User: 28458
  Date: 2021/5/3
  Time: 17:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>

    <!--用于异步请求,配置的是静态资源，需要在springmvc.xml配置文件中告知前端控制器，不要拦截我的静态资源-->
    <script src="js/jquery3.6.0.min.js"></script>
    <script>
        //页面加载，绑定单击事件
        $(function (){
            $("#btn").click(function (){
                alert("hello btn");//弹出提示的消息
                //发送ajax请求
                $.ajax({
                   //编写json格式，设置属性和值
                   url:"testAjax",
                   contentType:"application/json;charset=UTF-8",
                   data:'{"uname":"hehe","age":30}',
                    dataType:"json",
                    type:"post",
                    success:function (data){
                       //data服务器端响应的json的数据，进行解析；data为接收到的对象
                        alert(data);
                        alert(data.uname);
                        alert(data.age);
                    }
                });
            });
        });
    </script>
</head>
<body>
<!--响应返回值是String-->
<a href="testString">testString,响应返回值是String</a>
<br>
<!--响应返回值是Void-->
<a href="testVoid">testVoid,响应返回值是Void</a>
<br>
<!--Forward转发和Redirect重定向-->
<a href="testForwardOrRedirect">testForwardOrRedirect，Forward转发和Redirect重定向</a>
<br>

<button id="btn">发送Ajax的请求</button>
</body>
</html>












